@charset "UTF-8";
@import "step";
/* 初始化*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
th, tr, td, tbody { margin: 0; padding: 0; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font:$fontsize Helvetica Regular,Microsoft YaHei,sans-serif,Tahoma; color: $color; background: #F5F6FA;}
input { outline: none; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; color: $color;  font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }
a:hover { text-decoration: none; }
img { border: none; -ms-interpolation-mode: bicubic; }
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.hide { display: none; }
.clear:before, .clear:after { content: ''; display: block; clear: both; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.common { min-height: calc(100vh - 4.5rem); position: relative; padding-bottom:1.3067rem ; background: #fff; }
.noscroll { height: calc(100vh - 4.5rem); overflow: hidden; }
.icon{
    background: url("../images/icon.png") no-repeat center; 
    background-size: auto 3.08rem;  
    &.icojt{
        height:0.1733rem;
        width:0.2533rem;
        background-position: -0.6933rem 0;
    }
    &.icojt2{
        height:0.2267rem;
        width:0.1467rem;
        background-position: 0 0;
    }
    &.icojt3{
        height:0.16rem;
        width:0.24rem;
        background-position: -2.7467rem 0;
    }
    &.icotime{
        height:0.2667rem;
        width:0.2667rem;
        background-position: -1.1733rem 0;
    }
    &.icopl{
        height:0.2667rem;
        width:0.2667rem;
        background-position: -1.6667rem 0;
    }
    &.iconxiala{
        height:0.2rem;
        width:0.2rem;
        background-position: -0.32rem 0;
    }
    &.iconday{
        height:0.3733rem;
        width:0.3733rem;
        background-position: -2.12rem 0;
    }
    &.icolab{
        height:0.3467rem;
        width:0.3467rem;
        background-position: -2.6133rem -1.3067rem;
        &.on{
            background-position: -3.32rem -0.8933rem;
        }
    }
}
.iconfl{
    background: url("../images/icon_fl.png") no-repeat center; 
    background-size: 10.666rem auto;
    width: 1.0934rem;
    height: 1.0934rem;
    background-position: 0 0;
    &.ico1{background-position: -9.3333rem -1.3333rem;}
    &.ico2{background-position:  -2.6667rem -1.3333rem;}
    &.ico4{background-position: -5.3333rem -1.3333rem;}
    &.ico3{background-position:-0 0;}
    &.ico5{background-position:-8rem 0;}
    &.ico6{background-position:-9.3333rem 0;}
    &.ico7{background-position: -8rem -1.3333rem;}
    &.ico8{background-position:-5.333rem 0;}
    &.ico9{background-position:-1.3333rem 0;}
    &.ico10{background-position:-2.6667rem 0;}
    &.ico11{background-position:-6.6667rem 0;}
    &.ico12{background-position: 0 -1.3333rem;}
    &.ico13{background-position: -4rem -1.3333rem;}
    &.ico14{background-position: -6.6667rem -1.3333rem;}
    &.ico15{background-position:-4rem 0;}
    &.ico16{background-position: -1.3333rem -1.3333rem;}

    &.ico17{background-position: 0 -2.6667rem;}
    &.ico18{background-position: -1.3333rem -2.6667rem;}
    &.ico19{background-position: -2.6667rem -2.6667rem;}
    &.ico20{background-position: -4rem -2.6667rem;}
    &.ico21{background-position: -5.3333rem -2.6667rem;}
    &.ico22{background-position: -6.6667rem -2.6667rem;}
    &.ico23{background-position: -8rem -2.6667rem;}
    &.ico24{background-position: -9.3333rem -2.6667rem;}
    &.icoxz1{background-position: -1.3333rem -5.3333rem;}
    &.icoxz2{background-position: -9.3333rem -4rem;}
    &.icoxz3{background-position: 0 -4rem;}
    &.icoxz4{background-position: -2.6667rem -4rem;}
    &.icoxz5{background-position: -0 -5.3333rem;}
    &.icoxz6{background-position: -4rem -4rem;}
    &.icoxz7{background-position: -8rem -4rem;}
    &.icoxz8{background-position: -1.3333rem -4rem;}
    &.icoxz9{background-position: -2.6667rem -5.3333rem;}
    &.icoxz10{background-position: -4rem -5.3333rem;}
    &.icoxz12{background-position: -5.3333rem -4rem;}
    &.icoxz11{background-position: -6.6667rem -4rem;}
}
.icoxingzuo{
    background: url("../images/ico_xingzuo.png") no-repeat center; 
    background-size: auto 2rem;
    width: 1.6rem;
    height: 1.6rem;
     &.icox1{
        background-position: -18rem 0;
     }
     &.icox2{
        background-position: -14rem 0;
     }
     &.icox3{
        background-position: 0 0;
     }
      &.icox4{
         background-position: -4rem 0;
      }
      &.icox5{
        background-position: -16rem 0;
     }
      &.icox6{
         background-position: -6rem 0;
      }
      &.icox7{
         background-position: -12rem 0;
      }
      &.icox8{
         background-position: -2rem 0;
      }
      &.icox9{
        background-position: -20rem 0;
     }
     &.icox10{
        background-position: -22rem 0;
     }
      &.icox11{
         background-position: -10rem 0;
      }
      &.icox12{
         background-position: -8rem 0;
      }
}
/*ico*/
.icontab{ 
    background: url("../images/ico_tab.png") no-repeat center; 
    background-size: auto 3.3067rem;
    &.icon-douban{
        height:1.2533rem;
        width:2.04rem;
        background-position: -2.24rem 0;
        &:active{
          background-position: -2.2rem -1.6267rem;
        }
    }
    &.icon-IMDB{
        height:1.2533rem;
        width:2.04rem;
        background-position: -13.5867rem 0;
        &:active{
            background-position: -13.52rem -1.6533rem;
        }
    }
    &.icon-youku{
        height:1.2533rem;
        width:2.04rem;
        background-position: -6.7467rem 0;
        &:active{
            background-position: -6.7067rem -1.72rem;
        }
    }
    &.icon-tencent{
        height:1.2533rem;
        width:2.04rem;
        background-position: -4.5333rem 0;
        &:active{
            background-position: -4.4533rem -1.6267rem;
        }
    }
    &.icon-IQiyi{
        height:1.2533rem;
        width:2.04rem;
        background-position: -18.1067rem 0;
        &:active{
            background-position: -17.8933rem -1.7067rem;
        }
    }
    &.icon-bilibili{
        height:1.2533rem;
        width:2.04rem;
        background-position: -15.7333rem -1.6133rem;
        &:active{
            background-position: -15.8267rem 0;
        }
    }
    &.icon-offweb{
        height:1.2533rem;
        width:2.04rem;
        background-position: 0 0;
        &:active{
            background-position: 0 -1.64rem;
        }
    }
    &.icon-weibo{
        height:1.2533rem;
        width:2.04rem;
        background-position: -9.08rem 0;
        &:active{
            background-position: -9.0667rem -1.7467rem;
        }
    }
    &.icon-baidu{
        height:1.2533rem;
        width:2.04rem;
        background-position: -11.333rem 0;
        &:active{
            background-position: -11.32rem -1.6533rem;
        }
    }

    &.icohw{
        height:1.4933rem;
        width:2.08rem;
        background-position: -24.92rem 0;
        &:active{
            background-position: -24.92rem -1.8rem;
        }
    }
    &.icoyyb{
        height:1.4933rem;
        width:2.08rem;
        background-position: -20.3067rem 0;
        &:active{
            background-position: -20.2rem -1.6933rem;
        }
    }
    &.icokuake{
        height:1.4933rem;
        width:2.08rem;
        background-position: -22.5733rem 0;
        &:active{
            background-position: -22.56rem -1.7467rem;
        }
    }
    &.icomi{
        height:1.4933rem;
        width:2.08rem;
        ;background-position: -27.2667rem 0;
        &:active{
            background-position: -27.28rem -1.8133rem;
        }
    }
    &.ico3DM{
        height:1.2rem;
        width:2.88rem;
        background-position: -32.7467rem 0;
        &:active{
            background-position: -32.68rem -1.8933rem;
        }
    }
    &.icowdj{
        height:1.2rem;
        width:2.88rem;
        background-position: -29.6133rem 0;
        &:active{
            background-position: -29.5333rem -1.92rem;
        }
    }
    &.icowyouxia{
        height:1.2rem;
        width: 2.8667rem;
        background-position: -35.9333rem 0;
        &:active{
            background-position: -35.9333rem -1.8933rem;
        }
    }




}
.icon_down{
    background: url("../images/icon_down.png") no-repeat center; 
    background-size: auto .6667rem;
    width: .56rem;
    height: .56rem;
    &.ico1{
       background-position:  0 0;
    }
    &.ico2{
        background-position:-0.6667rem 0;
     }
     &.ico3{
        background-position:-1.333rem 0;
     }
     &.ico4{
        background-position: -2rem 0;
     }
     &.ico5{
        background-position: -2.6667rem 0;
     }
     &.ico6{
        background-position: -3.3333rem 0;
     }
     &.ico7{
        background-position: -4rem 0;
     }
}
/*字体按钮*/
.fonticon{
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

.flex1{
    flex: 1;
    overflow: hidden;
}
.img{
    display: block;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: all 0.2s linear;
    }
}
:root{
    --color:#4E6EF2;
    --hovercolor:#4E6EF2; 
}
.IndexM3{
    --hovercolor:#ff5050; 
}
/*频道主题*/
.commentheme1{
    --color:#FF9700;
    --hovercolor:#FF9700;
    a:hover{
        color: var(--color);
    }
}
.commentheme2{
    --color:#7D66EE;
    --hovercolor:#7D66EE;
    --hovercolorop:rgba(125, 102, 238,0.1);
    a:hover{
        color: var(--color);
    }
}
.commentheme3{
    --color:#39B264;
    --hovercolor:#39B264;
    a:hover{
        color: var(--color);
    }
}
.weather{
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 3.6rem;
    .trig-icon{
       width: .9333rem;
       height: .9333rem;
       position: relative;
       display: block;
        i{
            background: url("../images/ico_weather.png") no-repeat center;
            background-size: auto  .9333rem;
            position: absolute;
            top:0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            background-position: 0 0;
            width: .7733rem;
            height: .7733rem;
        }
        .ico2{  background-position: -.9333rem 0;}
        .ico3{  background-position: -1.8667rem 0;}
        .ico4{  background-position: -7.4667rem 0;}
        .ico5{  background-position: -2.8rem 0;}
        .ico6{  background-position: -3.7333rem 0;}
        .ico7{  background-position: -4.6667rem 0;}
        .ico8{  background-position: -5.6rem 0;}
        .ico9{  background-position: -6.5333rem 0;}

    }
    .p{
        flex: 1;
        line-height: .4533rem;
        font-size: .2933rem;
        padding-left: .1333rem;
        .air-level{
            display: inline-block;
            line-height: .32rem;
            height: .32rem;
            overflow: hidden;
            text-align: center;
            padding: 0 0.05rem;
            color: #fff!important;
            vertical-align: middle;
            font-size: .24rem;
            margin-left: 0.1rem;
            border-radius: 0.02rem;
            &.level1{
                background: #6c0;  
            }
            &.level2{
                background: #fbd12a;  
            }
            &.level3{
                background: #ffa641;  
            }
            &.level4{
                background: #eb5b13;  
            }
            &.level5{
                background: #960453;  
            }
            &.level6{
                background: #4e0457;  
            }

        }
        .bt_{
            height: .4533rem;
            overflow: hidden;
            &::before{
                content: '';
                display: inline-block;
                vertical-align: middle;
                background: url("../images/positioning.png") no-repeat center;
                width: .32rem;
                height: .32rem;
                background-size: 100% auto;
                margin: -0.05rem 0.07rem 0 0;
            }
        }
    }
}
.header_wrap{
    background: url("../images/header.png") no-repeat center top;
    background-size: 100% auto;
    padding: 0 .4rem;
    border-bottom: .1067rem solid #F5F6FA;
    .header_top{
        display: flex;
        align-items: center;
        padding: .2667rem 0;
        color: #fff;
        min-height: 1.3333rem;
        .logo{
            height: .6733rem;
            img{
                height: 100%;
                width: auto;
            }
        }
        .weather{
            margin: 0 auto;

        }
        .nowtime{
            line-height: .4533rem;
            text-align: right;
            color: #fff;
            display: block;
            p{
                height: .4533rem;
                overflow: hidden;
                width: 100%;
            }
        }

    }
   .baidusearch{
        padding:0 0 .32rem 0;
        .from{
            display: flex;
            background: #fff;
            border-radius: .6667rem;
            padding: .04rem;
            height: .7467rem;
            .buttom{
                min-width: .6933rem;
                height: .7467rem;
                background: url("../images/search_bot.png") no-repeat center;
                background-size:100%  auto;
                border-radius: .5667rem;
                text-align: center;
                color: #fff;
                line-height: .7467rem;
                padding: 0 .4rem;

            }
            .search{
                height: .7467rem;
                display: flex;
                overflow: hidden;
                padding: 0 .32rem;
                align-items: center;
                img{
                    height: 100%;
                    width: auto;
                    display: block;
                    margin-right: .1333rem;
                    margin-left: -0.0667rem;
                }
                .input{
                    flex: 1;
                    overflow: hidden;
                    height: 100%;
                    input{
                        display: block;
                        height: .7467rem;
                        line-height: .7467rem;
                        border:none;
                        width: 100%;
                        background: none;
                        font-size: .32rem;
                    }
                }
            }
            .flex1{
                overflow: visible;
                position: relative;

            }
            .list{
                background: #fff;
                position: absolute;
                left: 0px;
                top: .7467rem;
                width: 100%;
                left: 0;
                box-shadow: 0px 0px 5px .1333rem rgba(0, 0, 0,0.1);
                padding: .2667rem 0;
                display: none;
                li{
                    height: .6667rem;
                    line-height: .6667rem;
                    @include single-line-ellipsis;
                    padding: 0 .32rem;
                }
            }

        }
        
   }
}
/*taber*/
.tabber{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #fff;
    box-shadow: 0px -0.0933rem .1867rem 0px rgba(216,216,216,0.25);
    z-index: 10;
    height: 1.3067rem;
    ul{
        display: flex;
       height: 100%;
        align-items: center;
        li{
            flex: 1;
            text-align: center;
            a{
                display: block;
                .ico{
                    display: block;
                    margin: 0 auto;
                    background: url("../images/ico_tabber.png") no-repeat center;
                    width: .6133rem;
                    height: .6133rem;
                    background-position: 0 0;
                    background-size: auto 1.4133rem;
                    margin-bottom: 0.1rem;
                }
                .ico1{background-position: 0 0;}
                .ico2{background-position: -0.8rem 0;}
                .ico3{background-position: -1.6rem 0;}
                .ico4{background-position: -2.4rem 0;}
                .ico5{background-position: -3.2rem 0;}
            }
            &.on,&:active{
                a{
                    color: $theme;
                    .ico{
                        background-position-y: -0.8rem;
                    }
                }
            }
        }
       
    }
}

.Minbox{
    background: #fff;
    border-radius: .2133rem;
    border-bottom: .2133rem solid #F5F6FA;
    padding: 0 .4rem;
    &:last-of-type{
        border-bottom: none;
    }
}
.Minbox_clear{
    background: #FFFFFF;
    border-radius: .2133rem;
    display: flex;
    .Minbox_lef{
        width: 2.2667rem;
        float: left;
        overflow: hidden;
        background: #F9F9F9;
        ul{
            li{
              height: 1.2533rem;  
              line-height: 1.2533rem;
              text-align: center;
              a{
                display: block;
                overflow: hidden;
                color: #666666;
                font-size: .3467rem;
                
              }
              &.on{
                background: #fff;
                a{
                    color: $theme;
                }
              }
            }
        }
    }
    .Minbox_rit{
        padding: 0 .3733rem;
    }
}
.morelink{
    font-size: .2667rem;
    line-height: 1.0667rem;
    text-align: center;
    color: $colormore;
    i{
        display: inline-block;
        vertical-align: middle;
        margin: -0.0633rem .1333rem 0;
    }
}
.title{
    height: 1.0267rem;
    line-height: 1.0267rem;
    overflow: hidden;
    .bt{
        float: left;
        font-weight: bold;
        font-size: .4rem;
        u{
           font-size: .2933rem; 
            font-weight: normal;
            color: #666666;
            text-decoration: none;
            padding-left: .0667rem;
        }
        b{
          color: #FF5050;  
          padding: 0 .0667rem;
        }
        .tab{
            display: block;
            float: left;
            font-weight: normal;
            margin-right: .5333rem;
            position: relative;
            color: #666;
            font-size: .3733rem;
            &:last-of-type{
                margin-right: 0px;
            }
        }
        .on{
            font-weight: bold;
            color: #333;
            font-size: .4rem;
            &::after{
                content: '';
                height: .08rem;
                width: .5333rem;
                position: absolute;
                left: 50%;
                bottom: 0px;
                transform: translate(-50%,0);
                background: $theme;
                border-radius: .1333rem;
                background: linear-gradient(to left, rgba(78, 110, 242, 1) 0%,rgba(104, 201, 255, 1) 100%);
            }

        }
        .xz{
            display: inline-block;
            vertical-align: middle;
            width: .48rem;
            height: .48rem;
            position: relative;
            margin: -0.06rem 0 0 0;
            img{
                display: block;
                width: 100%;
                height: 100%;
                border-radius: .0667rem;
            }
        }
        .cor{
            color: #7D66EE;
            font-size: .32rem;
            font-weight: normal;
        }
        .icoxingzuo{
           display: block;
           position: absolute;
           top: 50%;
           left: 50%;
            transform:  translate(-50%,-50%) scale(0.3);
        }
    }
    &.bor{
        border-bottom: 1px solid #F1F1F1;
    }
    .more{
        float: right;
        color: $colormore;
        span{
            font-family: serif;
            padding-left: 0.05rem;
        }
        &:hover{
            color: var(--hovercolor);
        }

    }
}
.title-h2{
    padding-top: .32rem;
    text-align: center;
    padding-bottom: .08rem;
    .bt{
        font-size: .4267rem;
        font-weight: bold;
        color: $theme;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0 .1333rem;
        line-height: 1.3;
        margin-bottom: .24rem;
        u{
            position: relative;
            z-index: 1;
            text-decoration: none;
        }
        &::before{
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            height: .1333rem;
            border-radius: .1333rem;
            background: $theme;
            opacity: 0.2;
            display: block;
            width: 100%;


        }
    }
    span{
        display: block;
        font-size: .2933rem;
        color: $colormore;
        line-height: .4rem;
        padding-bottom: .1333rem;
    }
    &.theme{
        .bt{
            color: $color;
            font-size: .5333rem;
            letter-spacing: .05rem;
            i{
                display: block;
                font-size: .2133rem;
                font-weight: normal;
                letter-spacing: .02rem;
            }
        }
    }

}
.switch_h1{
    padding: .32rem 0;
    .swiper-slide {
        width: auto;
        height: .6133rem;
        line-height: .6133rem;
        border:1px solid $theme;
        min-width: 1.4667rem;
        text-align: center;
        padding: 0 .12rem;
        border-radius: .4rem;
        margin-right: .32rem;
        a{
            color: $theme;
        }
        &.on,&:active{
            background: $theme;
            a{
                color: #fff;
            }
        }

    }
    & + .Min1 .swipergrid{
       padding-top: 0px;
    }
    .theme_{
        .swiper-slide{
            background: #F9F9F9;
            border-color: #F9F9F9;
            height: .6933rem;
            line-height:.6933rem;
            min-width: 1.8rem;
            a{
                color: #666;
            }
            &.on,&:active{
                background: #EDF1FE;
                border-color: $theme;
                color: $theme;
                a{
                    color: $theme;
                }
            }
        }
    }

}
.selectbox{
    display: flex;
    padding-top: .32rem;
    .select{
        flex: 1;
        margin: 0 .2133rem;
        max-width: 3rem;
        text-align: center;
        position: relative;
        &:first-child{
            margin-left: 0px;
        }
        &:last-child{
            margin-right: 0px;
        }
        .bt{
            background: #F5F6FA;
            height: .8533rem;
            line-height: .8533rem;
            border-radius: .1333rem;
            display: flex;
            overflow: hidden;
            align-items: center;
            padding: 0 .2667rem;
            font-size: .3467rem;
            border:1px solid #F5F6FA;
            color: #666;
            span{
                flex: 1;
                overflow: hidden;
                text-align: left;
                input{
                    border:none;
                    background: none;
                    display: block;
                    width: 100%;
                    color: #666;

                }
            }
            i{
                display: block;
                &.icojt_{
                    width: 0px;
                    height: 0px;
                    border-left: 0.15rem solid transparent;
                    border-right: 0.15rem solid transparent;
                    border-top: 0.2rem solid #666;
                    opacity: 0.9;
                }
            }
            &.ck{
                &:hover{
                    border-color: $theme;
                    color: $theme;
                    background: #EDF1FE;
                    .icojt_{
                     border-top: 0.2rem solid $theme;
                    }
                 }
            }
        

        }
        ul{
          background: #fff;  
          position: absolute;
          top: 1rem;
          left: 0px;
          width: 100%;
          z-index: 10;
          border:1px solid #F1F1F1;
          border-radius: .2667rem;
          font-size: .3467rem;
          overflow: hidden;
          display: none;
          animation: fadIn .2s linear forwards;
          li{
            margin: 0 .2667rem;
            border-bottom: 1px solid #F1F1F1;
            height: .9867rem;
            line-height: .9867rem;
            overflow: hidden;
            a{
                display: block;

            }
          }
          
        }
    }

}
.link_more{
    height: .8533rem;
    line-height: .8533rem;
    margin: .2667rem auto;
    display: block;
    width: 100%;
    border-radius: .1333rem;
    text-align: center;
    background: #F5F6FA;
    color: #666666;
    &:active{
        background: $theme;
        color: #fff;
    }
}
.swiper_nav{
    font-size: .3733rem;
    padding: 0 0 0 .2667rem;
    .swiper-slide{
        width: auto;
        margin-right: .6267rem;
    }
    a{
        display: flex;
        height: 1.2533rem;
        line-height: 1.2533rem;
        justify-content: center;
        &:active{
            color: $theme;
            font-size:0.48rem;
            font-weight: bold;
        }
    }
    .on{
        font-size:0.48rem;
        font-weight: bold;
        a{
            line-height: 1.2rem;
            color: $theme;
        }
    }
}
.swiper_lunbox{
    padding: .2133rem 0;
    .img{
        // border-radius: .32rem;   
        height: 4.5333rem;
        width: 100%;
        display: block;
        img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .swiper-container{
        width: 100%;
        border-radius: .32rem;  
        background: #eee; 
    }
    .swiper-pagination{
        bottom: 0px;
        width: auto;
        background: rgba(0,0,0,.3);
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: .32rem;
        height: .32rem;
        line-height: .32rem;
        padding: 0 .1333rem;
        .swiper-pagination-bullet{
            opacity: 1;
            background: rgba(255,255,255,0.5);
            width: .1333rem;
            height: .1333rem;
            vertical-align: middle;
            margin: 0 .08rem;
            margin-top: -0.05rem;
        }
        .swiper-pagination-bullet-active{
            background: #FFFFFF;
            width: .4rem;
            border-radius: .1333rem;
        }
    }
}
.Min1{
    .title + .list{
        padding-top: 0px;
        margin-top: -.1067rem;
    }
    .list{
        padding-top: .2133rem;
        overflow: hidden;
        ul{
            width: 110%;
        }
        li{
            float: left;
            width: 1.36rem;
            padding: .1067rem .6rem .32rem 0;
        }
    }
    .swiper-container{
        padding-top: .2133rem;
        width: calc(100% + .8rem);
        margin-left: -0.4rem;
        .swiper-slide{
            width: auto;
            width: 1.36rem;
            padding: .1067rem 0.06rem .32rem 0.4rem;
        }
        .on a{
            color: $theme;
        }
        &.theme{
            .swiper-slide{
                padding-right: .2rem;
            }
        }
    }
    .swipergrid{
        height: 4rem;
        padding-bottom: .2667rem;
        .swiper-slide{
            width: 100%;
            height: 1.8rem;
            padding: 0 !important;
            margin: 0 !important;
        }
        .swiperpagination {
           background: #DDDDDD; 
           height: .1067rem;
           left: 50%;
           bottom: .1333rem;
           top: initial;
           width: .8rem;
           margin-left: -.4rem;
           border-radius: .05rem;
           overflow: hidden;
        }
        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
            background: linear-gradient(to right, #4e6ef2 0%, #68c9ff 100%);
           }
           &.theme{
            height: 4.3rem;
            .swiper-slide{
                height: 2rem;
            }
              .box{
                .img{
                    width: 1.36rem;
                    height: 1.36rem;
                     margin: 0 auto;
                     border-radius: .2133rem;
                     position: relative;
                     display: block;
                     img{
                         border-radius: .2133rem;
                         width: 100%;
                         height: 100%;
                         display: block;
                     }
                     i{
                         position: absolute;
                         top: 50%;
                         left: 50%;
                         transform: translate(-50%,-50%);
                         display: block;
         
                     }
                 }
              }
           }
    }
  
    .box{
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        .img{
            width: 1.0934rem;
            height: 1.0934rem;
            margin: 0 auto;
            border-radius: .2133rem;
            position: relative;
            img{
                border-radius: 50%;
            }
            i{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                display: block;

            }
        }
       
        p{
            height: .4267rem;
            line-height: .4267rem;
            padding-top: .1333rem;
            width: 100%;
            overflow: hidden;

        }
    }

}
.Min2{
    .title  + .list{
        padding-top: 0px;
    }
    .list{
        padding: .2667rem 0;
        li{
          line-height: .7467rem;  
          height: .7467rem;
          overflow: hidden;
          display: flex;
          span{
            font-size: .32rem;
            color: $colormore;
            padding-left: .1333rem;
          }

          a{
            display: block;
            overflow: hidden;
            @include single-line-ellipsis;
            flex: 1;
            b{
             color: #FF5050;   
            }
            &::before{
                width: .1067rem;
                height: .1067rem;
                display: inline-block;
                vertical-align: middle;
                content: '';
                background: #FF5050;
                border-radius: 50%;
                margin: 0 .2667rem 0 0;
            }
          }
        }
        &.theme{
            padding: 0; 
            padding-bottom: 1px;
            li{
                height: 1.1333rem;
                line-height: 1.1333rem;
                border-bottom: 1px dashed #F1F1F1;
                &:last-child{
                    border:none;
                }
               a{
                font-size: .3733rem;
                &::before{
                    background: #CCCCCC;
                }
               }
            }
            .link_more{
                margin: .1333rem 0 .4rem;
            }
        }
    }
    .switch_h1{
        padding-bottom: 0;
    }
}
.Min3{
    .title + .list li{
        &:first-of-type{
            padding-top:0px;
        }
    }
    .title.bor + .list li{
        &:first-of-type{
            padding-top: 0.32rem;
        }
    }
    .list{
        padding-bottom: 1px;
        li{
            padding: .32rem 0;
            border-bottom: 1px solid #F1F1F1;
            &:last-of-type{
                border:none;
            }
            &:nth-of-type(1) .box .num{background-position: 0 -0.7333rem;}
            &:nth-of-type(2) .box .num{background-position: -0.5733rem -0.72rem;}
            &:nth-of-type(3) .box .num{background-position: -1.0933rem -0.7067rem;}
          
            .box{
                display: flex;
                overflow: hidden;
               .num + .infor{
                     margin-left: 0px;
                     margin-right: .32rem;
                }
                .num{
                    width: .4267rem;
                    height: .52rem;
                    text-align: center;
                    color: #fff;
                    line-height: .5rem;
                    background-position: -1.7733rem -0.7467rem;
                    margin-right: .2133rem;
                    margin-top: .0667rem;
                }
                .namebt{
                    display: flex;
                    .name{
                        flex: 1;
                        overflow: hidden;
                    }
                }
                .img{
                    width: 2.5067rem;
                    height: 1.7067rem;
                    border-radius: 0.1333rem;
                }
                .infor{
                    flex: 1;
                    overflow: hidden;
                    margin-left: .2667rem;
                    position: relative;
                    height: 1.7067rem;
                    .bq{
                        width: 100%;
                        position: absolute;
                        left: 0;
                        bottom: 0px;
                    }
                }
                .bt{
                    font-size: .3733rem;
                    font-weight: 400;
                    line-height: .56rem;
                    @include single-line-ellipsis;
                }
                .name{
                    font-size: .3733rem;
                    font-weight: 400;
                    @include multi-line-ellipsis(2,.56rem);
                }
                .tab_p{
                    padding-top: .1867rem;
                    overflow: hidden;
                    
                }
                .tab{
                    padding: 0 .1333rem;
                    height: .4rem;
                    line-height: .4rem;
                    color: #fff;
                    background: $theme;
                    font-size: .24rem;
                    border-radius: .0533rem;
                    margin-right: .16rem;
                    display: inline-block;
                    vertical-align: middle;
                    &.cor1{
                        background: #FF9700;    
                    }
                    &.cor2{
                        background: #4E6EF2;    
                    }
                    &.cor3{
                        background: #39B264;    
                    }
                }
                .bq{
                    font-size: .2933rem;
                    color: $colormore;
                    height: .4rem;
                    line-height: .4rem;
                    overflow: hidden;
                    i{
                        display: inline-block;
                        vertical-align: middle;
                        margin: -0.04rem .07rem 0 0;
                    }
                    span{
                        padding-right: .2667rem;
                        &:last-child{
                            padding-right: 0px;
                        }
                    }

                }
            }
            &.li2{
                .box{
                    display: block;
                    .infor{
                        margin: 0;
                        // display: flex;
                        // justify-content: space-between;
                        height: 1.8133rem;
                        margin: .2667rem 0;
                        .img{
                            width: 2.9333rem;
                            height: 1.8133rem;
                            float: left;
                            margin-right: .2rem;
                            &:last-child{
                                margin-right: 0px;
                            }
                        }


                    }
                }
            }
        }
    }
    .link_more{
        margin: .2133rem 0 .5333rem;
    }
}
.Min4{
    .swiper-container{
        width: calc(100% + 0.6rem);
        margin-left: -0.3rem;
        padding-bottom: .32rem;
        // .swiper-slide{
        //     width: auto;
        //     padding-right: .6rem;
        // }
    }
    .title + .list{
        padding-top: 0px;
    }
    .box{
        width: 1.36rem;
        display: block;
        margin: 0 auto;
        overflow: hidden;
        .img{
            height: 1.36rem;
            width: 100%;
            display: block;
            border-radius: 0.32rem;
        }
        p{
            line-height: .4rem;
            height: .4rem;
            padding-top: .2133rem;
            width: 100%;
            text-align: center;
            overflow: hidden;

        }
    }
    .list{
        overflow: hidden;
        width: 100%;
        padding-top: .32rem;
        ul{
            width: 109%;
            li{
                float: left;
                padding-right: .6rem;
                padding-bottom: .32rem;
              
    
            }
        }
    }
    
}
.Min5{
    .title + .list li{&:first-of-type{padding-top: 0px;}}
    .title + .swiper-container {padding-top: 0px;}
    li{
        padding: .32rem 0;
        border-bottom: 1px solid #F1F1F1;
        &:last-of-type{
            border:none;
        }
        .box{
            display: flex;
            overflow: hidden;
            align-items: center;
            .img{
                width: 1.36rem;
                height: 1.36rem;
                display: block;
                border-radius: .32rem;
            }
            .flex1{
                padding: 0 0 0 .32rem;
                .name{
                    display: block;
                    height: .8rem;
                    line-height: .8rem;
                    font-size: .4rem;
                    overflow: hidden;
                    @include single-line-ellipsis;

                }
                p{
                    height:0.5333rem ;
                    line-height: 0.5333rem;
                    color: $colormore;
                    @include single-line-ellipsis;
                }
            }
            .btn{
                height: .72rem;
                line-height: .72rem;
                display: block;
                text-align: center;
                min-width: 1.4667rem;
                padding: 0 .12rem;
                border-radius: .4rem;
                background: #EDF1FE;
                color: $theme;
            }

        }
    }
    .list {
        padding-bottom: 1px;
        .link_more{
            margin: 0.2133rem 0 0.5333rem
        }
    }
    .list +  .swiper-container{
        padding: .2133rem 0 .5333rem;
    }
    .swiper-container{
       padding: .32rem 0;
    }
    .swiperwidth{
        width: calc(100% + 0.4rem);
    }
    .swiper-slide{
            overflow: hidden;
            width: 4.4933rem;
            margin-right: .2133rem;
           .box{
            width: 100%;
            img{
                width: 100%;
                display: block;
                height: 2.6667rem;
                border-radius: .16rem;
                object-fit: cover;
            }
            .name{
                padding-top: .16rem;
                font-size: .3467rem;
                @include multi-line-ellipsis(2,.5333rem)
            }
           }


    }
   
}
.Min6{
    .list{
        padding: .2133rem 0 .32rem;
        li{
            height: .9333rem;
            line-height: .9333rem;
            display: flex;
            padding: 0 .32rem;
            overflow: hidden;
            &:nth-child(even){
                background: #FAFAFA;
            }
            p{
                flex: 1;
                overflow: hidden;
                text-align: right;
                a{
                    color: $theme;
                }
                
            }
        }
    }
}
.Min7{
    .swiper-container{
        width: calc(100% + 0.4rem);
        height: .6933rem;
        &::after{
            height: .6933rem;
            width: .5333rem;
            display: block;
            position: absolute;
            right: 0px;
            top: 0px;
            content: '';
            background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255,255,255,0.8) 50%, white 100%);
            z-index: 1;
        }
    }
    .swiper-slide{
        margin-right: .5333rem;
        width: auto;
        a{
            display: block;
            height: 100%;
            position: relative;
            color: #666666;
        }
        &.on {
            a{
                color: $theme;
                &::after{
                  height: .08rem;  
                  width: .32rem;
                  display: block;
                  position: absolute;
                  left: 50%;
                  margin-left: -0.16rem;
                  content: '';
                  bottom: 0px;
                  background: $theme;
                  border-radius: .04rem;
                }
            }
        }

    }
    .switchbox{
        border-top: 1px solid #F1F1F1;
    }
    .list{
        width:calc(100% + 0.32rem);
        padding-top: .32rem;
        padding-bottom: 0.08rem;
        .btn{
            display: block;
            float: left;
            background: #F9F9F9;
            height: .8533rem;
            line-height: .8533rem;
            margin: 0 .32rem 0.32rem 0;
            padding: 0 .4rem;
            border-radius: .4rem;
            font-size: .3467rem;
            max-width: 3.6rem;
            @include single-line-ellipsis;
            &.on,&:active{
              color: #4E6EF2;
              background: #EDF1FE;
            }
        }
    }
    .title + .list{
        padding-top: 0px;
    }

}
.Min8{
    .box{
        display: block;
        width: 2.9333rem;
        padding-bottom: .32rem;
        float: left;
        .img{
            width: 100%;
            height: 4.1867rem;
            border-radius: .1067rem;
        }
        p{
            height: .4267rem;
            line-height: .4267rem;
            padding-top: .1867rem;
            @include single-line-ellipsis;
            font-size: .3467rem;
        }
        span{
            display: block;
            overflow: hidden;
            height: .4267rem;
            line-height: .4267rem;
            @include single-line-ellipsis;
            color: $colormore;
            padding-top: .08rem;
        }
    }
    .list1{
        width: calc(100% + .4rem);
        &.small{
            .swiper-slide{
                padding-right: .32rem;
            }
            .box{
                width: 2.0267rem;
                text-align: center;
                .img{
                    height: 2.8rem;
                }
            }
        }
    }
    .swiper-slide{
        width: auto;
        padding-right: .2rem;
        .box{
            float: none;
        }

    }
    .list{
        padding-bottom: .0133rem;
        .swiper-slide{
            padding-right: .2rem;
        }
    }
    .box2{
        background: url("../images/ico_box.png") no-repeat center;
        background-size: 100% 100%;
        float: left;
        border-radius: .2133rem;
        width: 3.92rem; 
        padding: 0 .2667rem;
        display: block;
        height: 2.08rem;
        margin-bottom: .4rem;
        overflow: hidden;
        .bt{
            display: flex;
            overflow: hidden;
            height: .8rem;
            line-height: .8rem;
            align-items: center;
            border-bottom: 1px solid #F1F1F1;
            .name{
                flex: 1;
                overflow: hidden;
                @include single-line-ellipsis;
                font-size: .3733rem;

            }
            .icon{
                display: block;
            }

        }
        .infor{
            height: .9333rem;
            padding-top: .16rem;
            line-height: .9333rem;
            display: flex;
            p{
                flex: 1;
                overflow: hidden;
                font-size: .2933rem;
                color: $colormore;
                @include single-line-ellipsis;
            }
            .img{
                width: .64rem;
                height: 100%;
                display: block;
                display: block;
            }
        }

    }
}
.Min9{
    .title  + .list li{&:first-of-type{padding-top: 0px;}}
    .list{
        padding-bottom: 1px;
        li{
            padding: .32rem 0;
            border-bottom: 1px solid #F1F1F1;
            display: flex;
            overflow: hidden;
            &:last-of-type{
                border:none;
            }
            .img{
                width: 2.9333rem;
                height: 4.1867rem;
                border-radius: .16rem;
                margin-right: .32rem;
            }
            .name{
                display: block;
                height: .5333rem;
                line-height: .5333rem;
                @include single-line-ellipsis;
                font-size: .4rem;
                padding-bottom: .2667rem;
            }
            .tab_p{
                margin-bottom: .2267rem;
                overflow: hidden;
                .tab{
                    float: left;
                    padding: 0 .1333rem;
                    height: .4533rem;
                    line-height: .4533rem;
                    color: #fff;
                    display: block;
                    float: left;
                    border:1px solid $theme;
                    color: $theme;
                    font-size: .2667rem;
                    border-radius: .08rem;
                    margin-right: .16rem;
                    &.cor1{
                        border-color: #FF9700;    
                        color:#FF9700;
                    }
                    &.cor2{
                        border-color: #4E6EF2;    
                        color:#4E6EF2;
                    }
                    &.cor3{
                        border-color: #FF5050;    
                        color:#FF5050;
                       
                    }
                }
            }
            p{
                color: #666666;
                line-height: .6133rem;
                height: .6133rem;
                overflow: hidden;

            }
            .flex1{
                height: 4.1867rem;
                position: relative;
            }
            .btn{
                height: .72rem;
                line-height: .72rem;
                display: block;
                text-align: center;
                min-width: 1.4667rem;
                padding: 0 .12rem;
                border-radius: .4rem;
                background: #EDF1FE;
                color: $theme;
                position: absolute;
                right: 0;
                bottom: 0;
            }
        }
    }
    .link_more{
        margin: .1067rem 0 .4rem;
    }
    .morelink{
        height: .8rem;
        line-height: .8rem;
        padding-bottom: .32rem;
    }
   
}
.Min10{
    .title + .list2{
        padding-top: 0px;
    }
    .title.bor + .list2{
        padding-top: .32rem;
    }
    .title + .list li{
        &:first-child{
            padding-top: 0px;
        }
    }
    .list{
        padding-bottom: 1px;
        li{
            display: flex;
            overflow: hidden;
            border-bottom: 1px dashed #F1F1F1;
            height: .6267rem;
            line-height: .6267rem;
            padding: .2rem 0;
            font-size: .3733rem;
            &:last-child{
                border:none;
            }
            p{
                flex: 1;
                overflow: hidden;
                text-align: right;
                padding-left: .2667rem;
            }

        }
        .link_more{
            margin: .1333rem 0 .4rem;
        }
    }
    .list2{
        width: 100%;
        padding-top: .32rem;
        overflow: hidden;
        padding-bottom: 1px;
        ul{
            width: 105%;
            position: relative;
            li{
                float: left;
                margin: 0 .20rem .32rem 0;
                a{
                    display: block;
                    width: 2rem;
                    padding: 0 0.05rem;
                    height: .90rem;
                    border:1px solid #F9F9F9;
                    text-align: center;
                    background: #F9F9F9;
                    line-height: .9rem;
                    border-radius: .1067rem;
                    overflow: hidden;
                    font-size: .32rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    white-space: nowrap;

                    i{
                        display: inline-block;
                        vertical-align: middle;
                        margin: -0.04rem 0 0 .1rem;

                    }
                    span{
                        line-height: .4rem;
                        display: block;
                        b{
                            display: block;
                            font-weight: normal;
                            i{
                                display: inline;
                                margin: 0;
                                color: #FF5050;
                            }
                        }
                        u{
                            display: block;
                            text-decoration: none;
                            color: #666;
                            font-size: .2933rem;
                        }
                    }
                    &:hover{
                        background: #EDF1FE;
                        border-color: $theme;
                        color: $theme;
                        *{color: $theme !important;}
                    }
                }
                &.on a{
                    background: #EDF1FE;
                    border-color: $theme;
                    color: $theme;
                    *{color: $theme !important;}
                }
                &.active a i{
                    transform: rotate(180deg);
                }
                &.more2{
                    a{
                        color: #666;
                    }
                }
            }
        }
        .link_more{
            margin: 0.2rem 0 0.4rem 0;
        }
        &.theme{
            ul li{
                a{
                    width: 2.76rem;
                    height: .8533rem;
                    line-height: .8533rem;
                }
            }
        }
        &.theme2{
            ul li{
                a{
                   
                    height: 1.12rem;
                }
            }
        }
        &.theme3{
            ul li{
                margin-right: .3rem;
                a{
                     width: .9rem;
                }
            }
        }
        &.theme4{
            ul li{
                margin-right:0.37rem;
                a{
                    width: 1.39rem;
                }
            }
        }
        &.theme5{
            ul li{
                margin-right: .3733rem;
                a{
                    width: 4.2rem;
                    height: 1.2667rem;
                    line-height:  1.2667rem;
                    span{
                        line-height: .45rem;
                    }
                }
            }
        }
        &.theme6{
            ul li{
                margin-right: 0px;
                a{
                    width: 9rem;
                    height: 1.2667rem;
                    line-height:  1.2667rem;
                    span{
                        line-height: .45rem;
                    }
                }
            }
        }
    }
    .video_iframe{
        border-radius: .2133rem;
        overflow: hidden;
        height: 5.186667rem;
         img,  video, iframe { display: block; width: 100%; height: 100%; }
    }
    .list3{
        padding-bottom: .32rem;
       li{
        float: left;
        width: 50%;
        line-height: .64rem;
        height: .64rem;
        font-size: .2933rem;
        a{
            display: block;
            @include single-line-ellipsis;
            max-width: 99%;
            &::before{
                display:inline-block;
                vertical-align: middle;
                width: .0667rem;
                height: .0667rem;
                border-radius: 50%;
                background: #CCCCCC;
                content: '';
                margin: 0 .1rem 0 0;
            }
        }
       } 
       &.theme{
        li{
            float: none;
            width: 100%;
            font-size: .32rem;
            line-height: .6933rem;
            height: .6933rem;
            a{
                max-width: 100%;
            }
        }
       }
    }
    &.themebj1{
        border-top: 1px solid #FFEAE9;
        background: linear-gradient(to bottom ,  rgba(255, 242, 226,0.4) 0%,#ffffff 30%,#ffffff 100%);
    }
    &.themebj2{
        border-top: 1px solid #FFF2E2;
        background: linear-gradient(to bottom ,  rgba(255, 234, 233,0.4) 0%,#ffffff 30%,#ffffff 100%);
    }
    &.themebj3{
        border-top: 1px solid #dee2f1;
        background: linear-gradient(to bottom ,  rgba(233, 249, 242,0.2) 0%,#ffffff 30%,#ffffff 100%);
    }
}
.Min11{
    .title + .list{
        padding-top: 0px;
    }
    .list{
        padding-top: .32rem;
        padding-bottom: .0533rem;
        li{
            .box{
                border: 1px solid #EDF1FE;
                background: linear-gradient(151deg ,  rgba(187, 211, 255,0.3) 0%,#ffffff 100%);
                display: block;
                padding: 0 .32rem;
                position: relative;
                margin-bottom: .32rem;
                border-radius: .2133rem;
                padding-bottom: .32rem;
                .icojt2{
                    position: absolute;
                    display: block;
                    right: .32rem;
                    top: .4533rem;
                }
                .name{
                    display: block;
                    height: 1.0267rem;
                    line-height: 1.0267rem;
                    font-size: .3733rem;
                    @include single-line-ellipsis;
                    width: 98%;
                }
                p{
                    border-top: 1px solid #F1F1F1;
                    color: #666666;
                    padding-top: .2133rem;
                    @include multi-line-ellipsis(2,.5067rem);
                }


            }
        }
    }
}
.Min12{
    overflow: hidden;
    .list{
        width: 105%;
        padding-bottom: .1333rem;
        .tab{
           background: #F9F9F9; 
           height: .88rem;
           line-height: .88rem;
           display: block;
           float: left;
           margin: 0 .3067rem .3067rem 0;
           padding: 0 .2rem;
           border-radius: .1067rem;
           .ico{
            width: .56rem;
            height: .56rem;
            display: inline-block;
            vertical-align: middle;
            margin-right: .16rem;
            margin-top: -0.04rem;
            i{
                display: block;
                width: 100%;
                height: 100%;
            }
            img{
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }
           }
        }
    }
    .title + .list2 li:first-child{
        padding-top: 0px;
    }
    .list2{
        li{
            border-bottom: 1px solid #F1F1F1;
            padding: .32rem 0;
            display: flex;
            overflow: hidden;
            .name{
                display: block;
                width: 4.4533rem;
                .img{
                    width: 100%;
                    height: 2.4267rem;
                    border-radius: .16rem;
                }
                p{
                    height: .5333rem;
                    line-height: .5333rem;
                    padding-top: .1333rem;
                    overflow: hidden;
                    @include single-line-ellipsis;

                }

            }
            .infor{
                flex: 1;
                overflow: hidden;
                .lis{
                    margin-top: -0.2667rem;
                }
                .btn{
                    float: left;
                    margin: .2667rem 0 0 .24rem;
                    display: block;
                    width: 1.975rem;
                    padding: 0 0.05rem;
                    height: .8533rem;
                    border:1px solid #F9F9F9;
                    text-align: center;
                    background: #F9F9F9;
                    line-height: .8533rem;
                    border-radius: .1067rem;
                    overflow: hidden;
                    font-size: .32rem;
                    &:active{
                        background: #EDF1FE;
                        border-color: $theme;
                        color: $theme;
                    }
                }
                &.on{
                    background: #EDF1FE;
                    border-color: $theme;
                    color: $theme;
                }
               
            }
        }
    }
}
.Min13{
   .constellation_tab{
       .text{
        font-size: .2933rem;
        line-height: .5867rem;
        letter-spacing: -0.001rem;
       }
   }
   .list{
      ul li{
        padding-bottom: .4267rem;
        &:last-child{
            padding-bottom: .2667rem;
        }
         .bt{
            display: inline-block;
            vertical-align: middle;
            background: #F9F9F9;
            border-radius: .1067rem; 
            padding: 0 .24rem;
            height: .5867rem;
            line-height: .5867rem;
            overflow: hidden;
            color: $theme;
            margin-bottom: .16rem;

         } 
         .tex{
              background: #F9F9F9;
              padding: .2667rem;
              border-radius: .16rem;
              display: block;
              p{
                 font-size: .3467rem;
                 line-height: .4533rem;
              }
              .txt{
                display: flex;
                padding-top: .15rem;
                line-height: .48rem;
                b{
                    background: #EEEEEE; 
                    height: .48rem;
                    width: .48rem;
                    border-radius: .1067rem;
                    text-align: center;
                    font-size: .2933rem;
                    font-weight: normal;
                    display: block;
                }
                .p{
                    flex: 1;
                    overflow: hidden;
                    u{
                        text-decoration: none;
                        padding-left: .2rem;
                        color: #BBBBBB;
                    }
                    span{
                        padding-left: .2rem;
                        u{
                            padding: 0;
                           color: #FF5050; 
                        }
                    }

                }
              }
         } 
      }
   }
   .list2{
    width: 100%;
    overflow: hidden;
    .tips{
        color: #999;
        font-size: .2667rem;
        text-align: center;
        padding-bottom: .1333rem;
    }
    ul{
        width: 105%;
        li{
         float: left;
         display: flex;
         margin-bottom: .32rem;
         align-items: center;
         &:nth-child(4n){
            span{
                display: none;
            }
         }
         &.on .btn,& .btn:active{
           border-color: $theme;
           background: #EDF1FE;
           color: $theme;
         }
         .btn{
            height: .8267rem;
            line-height: .8267rem;
            width: 1.8267rem;
            text-align: center;
            display: block;
            background: #F9F9F9;
            overflow: hidden;
            font-size: .3467rem;
            border-radius: .1067rem;
            border:1px solid #F9F9F9;
         }
         span{
            color: $theme;
            font-weight: bold;
            font-size: .3467rem;
            padding: 0 .1rem;
         }
         &.more2{
            .btn{
                color: $colormore;
            }
         }
        }
    }
   }
   .title + .list3{
    padding-top: 0px;
   }
   .list3{
    width: 100%;
    overflow: hidden;
    padding-top: .32rem;
    ul{
        width: 105%;
        li{
            float: left;
            margin: 0 .4rem .32rem 0;
            &.on .btn, .btn:active{
                color: $theme;
                background: #EDF1FE;
                border-color: $theme;
                b{
                    color: $theme;
                }
                .text{
                    .bt{
                        border-color: rgba(78, 110, 242,0.24);
                    }
                    .tex u{color: $theme;}
                }
            }
            .btn{
                width: 2rem;
                height: 1.92rem;
                border: 1px solid #F9F9F9;
                box-sizing: border-box;
                background: #F9F9F9;
                border-radius: .1333rem;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                text-align: center;
                padding: 0 .1867rem;
                b{
                    font-weight: normal;
                    position: absolute;
                    line-height: .3467rem;
                    font-size: .2667rem;
                    color: #aaa;
                    right: .1067rem;
                    bottom: .0533rem;
                }
                .text{
                    width: 100%;
                    .bt{
                       border-bottom: 1px solid #e6e6e6; 
                       height: .64rem;
                       line-height: .64rem;
                       overflow: hidden;
                       margin-bottom: .12rem;
                    }
                    .tex{
                        u{
                            height: .4rem;
                            line-height: .4rem;
                            font-size: .2933rem;
                            text-decoration: none;
                            display: block;
                            color: #666;
                        }
                        p{
                            height: .56rem;
                            line-height: .56rem;
                            width: 100%;
                            overflow: hidden;
                            font-size: .4267rem;
                            padding-top: .0267rem;
                        }
                    }
                }
            }

        }
    }
    .link_more {
        margin: 0.2rem 0 0.4rem 0;
    }
   }
}
.Min14{
    .list{
        padding-bottom: 1px;
        li{
            padding-bottom: .32rem;
            .box{
                overflow: hidden;
                display: block;
                position: relative;
                height: 1.4133rem;
                .flex1{
                    overflow: hidden;
                    border-top:1px solid #F1F1F1;
                    border-bottom:1px solid #F1F1F1;
                    float: left;
                    width: 69%;
                    height: 100%;
                    box-sizing: border-box;
                    padding-right: .2667rem;
                    .bt{
                        padding-top: .2533rem;
                        color: $colormore;
                        height: .32rem;
                        font-size: .24rem;
                        display: block;
                        @include single-line-ellipsis;
                    }
                    p{
                        height: .4533rem;
                        line-height: .4533rem;
                        @include single-line-ellipsis;
                        font-size: .3467rem;
                        padding-top: .1333rem;
                    }
                }
                .btn{
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                    white-space: nowrap;
                    background: #F9F9F9;
                    border:1px solid #F9F9F9;
                    border-radius: .1333rem;
                    width: 3rem;
                    height: 1.4133rem;
                    padding: 0 .1333rem;
                    box-sizing: border-box;
                    &:active{
                        border-color: $theme;
                        background: #EDF1FE;
                        color: $theme;
                        *{
                            color: $theme !important;
                        }
                    }
                    span{
                        display: block;
                        text-align: center;
                        overflow: hidden;
                        u{
                            color: #666;
                            font-size: .24rem;
                            height: .32rem;
                            line-height: .32rem;
                            display: block;
                            text-decoration: none;
                        }
                        i{
                            color: #FF5050;
                        }
                        b{
                            height: .4533rem;
                            line-height: .4533rem;
                            font-size: .3467rem;
                            display: block;
                            font-weight:normal;
                            padding-top: .1333rem;
                        }

                    }
                }
            }
            
        }
        .link_more{
            margin-top: 0px;
        }
    }
}
.Min15{
    .list{
        ul{
            li{
                float: left;
            }
        }
        .swiper-slide{
            width: auto;
        }
        .on .box , .box:active{
            border-color: $theme;
            color:  $theme;
            background: #EDF1FE;
            *{
                color:  $theme;
            }
        }
        .box{
            cursor: pointer;
            height: 1.04rem;
            line-height:1.04rem;
            background: #F9F9F9;
            border:1px solid #F9F9F9;
            border-radius: .1067rem;
            display: block;
            margin-right: 0.24rem;
            padding: 0 .24rem;
            display: flex;
            align-items:center;
            justify-content: center;
            margin-bottom: .32rem;
            p{
                line-height: 0px;
                text-align: center;
            }
            u{
                display: block;
                height: .32rem;
                line-height: .32rem;
                font-size: .24rem;
                color: $colormore;
                padding-bottom: .0933rem;
                @include single-line-ellipsis;
                text-decoration: none;
            }
            p{
                font-size: .2933rem;
                line-height: .2933rem;

            }

        }
        .theme{
            display: flex;
            justify-content: center;
            li{
                flex: 1;
            }
            .box{
                height: .7467rem;
                line-height: .7467rem;
                margin: 0px .16rem;
                margin-bottom: .32rem;
                
            }
        }
    }
    .list2{
        border-top: 1px solid #F1F1F1;
        padding-top: .2667rem;
        display: flex;
        .ZT_textbj{
            margin-right: .4rem;
        }
        ul{
            padding-bottom: .1067rem;
            flex: 1;
            li{
                display: flex;
                overflow: hidden;
                padding-bottom: .2133rem;
                line-height: .5067rem;
                .tab{
                    background: #F9F9F9;
                    border-radius: .1067rem; 
                    height: .5067rem;
                    line-height: .5067rem;
                    padding: 0 .1333rem;
                    border-radius: .1067rem;
                    font-size: .2933rem;
                    color: #666;
                    overflow: hidden;
                }
                .tex{
                    flex: 1;
                    overflow: hidden;
                    padding-left: .2133rem;
                    span{
                        a{
                            color: $theme;
                        }
                    }
                    i{
                        display: inline-block;
                        vertical-align: middle;
                    }

                }
            }
            &.clear{
                li{
                    float: left;
                    min-width: 33%;
                }
                .audiotext{
                    min-width: 2.3333rem;
                }
            }
        }
    }
   
}
.search_text{
    border: 2px solid $theme;
    border-radius: .16rem;
    display: flex;
    height: .88rem;
    line-height: .88rem;
    margin-bottom: .4267rem;
    .tab{
         padding: 0 0 0 .2133rem;
         position: relative;
         .bt{
            color: #666;
            i{
                display: inline-block;
                margin:0 .1333rem;
            }
            &::after{
                background: #F1F1F1;
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 1px;
                height:0.34rem;
                margin-left: .1333rem;
            }

         }
         .lis{
            position: absolute;
            min-width: 100%;
            background: #fff;
            left: 0;
            top: 1rem;
            text-align: center;
            border-radius: .1rem;
            border:1px solid #F1F1F1;
            padding: 0 .2133rem;
            max-width: 3rem;
            display: none;
            animation: fadIn .2s linear forwards;
            z-index: 100;
            &::before,&::after{
                content: '';
                display: block;
                position: absolute;
                border-left: .15rem solid transparent;
                border-right: .15rem solid transparent;
                border-bottom: .15rem solid transparent;
                left: .4rem;
                top: 0px;
            }
            &::before{
                border-bottom-color: #F1F1F1;
                top: -0.12rem;
            }
            &::after{
                border-bottom-color: #fff;
                top: -0.1rem;
            }
            a{
                display: block;
                font-size: .3467rem;
                overflow: hidden;
                border-bottom: 1px solid #F1F1F1;
                @include single-line-ellipsis;
                &:last-child{
                    border:none;
                }
            }
         }
    }
    .flex1{
        padding: 0 .1333rem;
        input{
            width: 100%;
            overflow: hidden;
            border:none;
            background: none;
            display: block;
            height: 100%;
        }
    }
    .bottom{
        background: $theme;
        color: #fff;
        text-align: center;
        padding: 0 .2133rem;
    }

}
.Minzqswiper{
    border-bottom: 0.2133rem solid #F5F6FA;
    border-radius: .2133rem;
    overflow: hidden;
    .swiper-slide{
        height: 2.9867rem;
        .img{
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            border-radius: .2133rem;
            overflow: hidden;
            p{
                position: absolute;
                left: 0px;
                width: 100%;
                bottom: 0px;
                height: .9333rem;
                padding: 0 .32rem;
                padding-top: .1rem;
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 90%); 
                color: #fff;
                line-height: .9333rem;
                box-sizing: border-box;
                font-size: .32rem;
                @include single-line-ellipsis;
            }

        }
    }
}
.down_box{
    padding-bottom: .32rem;
    overflow: hidden;
    .down_h1{
        display: flex;
        overflow: hidden;
        padding: .32rem 0;
        border-bottom: 1px solid #F1F1F1;
        .img{
            width: 1.8667rem;
            height: 1.8667rem;
            border-radius: .4rem;
            margin-right: .32rem;
        }
        .h1{
            height: .5733rem;
            line-height: .5733rem;
            font-weight: bold;
            font-size: .4533rem;
            @include single-line-ellipsis;
            margin-bottom: .1333rem;
        }
        p{
            height: .4267rem;
            line-height: .4267rem;
            @include single-line-ellipsis;
            padding-bottom: .2267rem;
            color: $colormore;
        }
        .tab_p{
            width: 100%;
            height: .48rem;
            overflow: hidden;
            .tab{
                float: left;
                height: .4267rem;
                line-height: .4267rem;
                border: 1px solid #FF9700;
                padding: 0 .1333rem;
                margin-right: .16rem;
                color: #FF9700;
                font-size: .2667rem;
                border-radius: .08rem;
                &:last-of-type{
                    margin-right: 0px;
                }
            }
        }
    }
    .tishi{
        padding-top: .32rem;
        line-height: .4933rem;
        font-size: .3733rem;
        span{
            color: $theme;
            font-size: .2667rem;
        }

    }
    .tips{
        padding-top: .32rem;
        font-size: .24rem;
        line-height: .32rem;
        color: $colormore;
    }
    .downlis{
        width: calc(100% + 0.32rem);
        .box{
            display: block;
            float: left;
            margin-top: .32rem;
            margin-right: .25rem;
            .img_{
                padding: .2667rem;
                border: 1px solid #e6e6e6;
                border-radius: .2133rem;
                &:active{
                    background: #F9F9F9;
                }
                img{
                    width: auto;
                    height: auto;
                    max-height: 1rem;
                }
            }
        }
    }
}
.news_h1{
    padding: .32rem 0;
    .h1{
        font-size: .48rem;
        line-height: .6667rem;
    }
    .bq{
       font-size: .2933rem;   
       line-height: .3467rem;
       overflow: hidden;
       height: .3467rem;
       padding-top: .2133rem;
       color: #666;
       a{
        color: #333;
        padding-right: .2667rem;
       }
       span{
        padding-right: .2667rem;
       }
    }
    &.bor{
        border-bottom: 1px solid #F1F1F1;
        padding-bottom: .2133rem;
        margin-bottom: .16rem;
    }
}
.scrolltab{
    height: 1.0667rem;
    line-height: 1.0667rem;
    border-bottom: 1px solid #F1F1F1;
    ul{
        display: flex;
        padding: 0 .2rem;
        li{
            flex: 1;
            color: #666666;
            font-size: .3733rem;
            text-align: center;
            span{
                display: inline-block;
                vertical-align: middle;
                position: relative;
                padding: 0 .1333rem;
            }
        }
        .on{
            color: $theme;
            span{
                &::before{
                    width: 100%;
                    height: .0667rem;
                    background: $theme;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                }
            }
        }
    }
}
.swiperimgbox{
    .swiper-container{
        padding: .32rem 0;
        width: calc(100% + 0.4rem);
        .img{
            border-radius: .32rem;
        }
    }
    .tab_p{
        padding-top: .1067rem;
        padding-bottom: .0133rem;
        overflow: hidden;
        .tab{
            margin: 0 .32rem .2133rem 0;
            display: block;
            float: left;
            background: #F9F9F9;
            border-radius: .08rem;
            height: .5733rem;
            line-height: .5733rem;
            padding: 0 .2667rem;
            color: #666666;
            font-size: .2933rem;

        }
    }
}
.details_infor{
    padding-bottom: .2133rem;
    .title{
        padding-top: 0.1rem;
    }
    .title.bor{
        padding-top: 0px;
        margin-bottom: .2133rem;
    }
}
.details_html{
   font-size: .3733rem;  
   line-height: 0.72rem;
   word-break: break-all;
   text-align: justify;
   &.seemore{
    p{
        padding-bottom: 0px
    }
     &.autoheight{
        @include multi-line-ellipsis(10,0.72rem);
        position: relative;
        .more_text{
            position: absolute;
            right: 0;
            bottom: 0px;
            height: 0.72rem;
            padding-left: 1rem;
            color: $theme;
            background: linear-gradient(to right, rgba(255,255,255,0.2) 0% , rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
        }
     }
     &.height3.autoheight{
        -webkit-line-clamp: 3;
     }
   }
   img{
    max-width: 100%;

   }
   p{
    padding-bottom: .1333rem;
   }
   p{
    a{
        color: $theme;
     }
   }
   h3{
    line-height: 0.8rem;
    font-size: .4267rem;
    &::before{
        width:0.16rem;
        height:0.16rem;
        content: '';
        background: $theme;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        margin: 0 .1333rem 0 0;
    }
   }
   p > img{
      border-radius: .32rem;
      display: block;
      margin: 0 auto;
   }
   .Min10{
      .list2{
        padding-top: 0px;
      }
   }
   .Min15 .list2 {
    border:none;
    padding: 0;
    ul li .tex span{
        font-size: .32rem;
        color: #666;
     }
   }
  &.small{
    font-size: .3467rem; 
    line-height: .6rem;
    padding-bottom: .24rem;
   
    h3{
     height: 1.0267rem;
     line-height: 1.0267rem;
     font-size: .4rem;
      &::before{display: none;}
    }
 }
}
.details_htmltext{
    .details_html{
        line-height: .64rem;
        font-size: .32rem;
        p{
          padding: 0;  
        }
    }
    .line{
        border-bottom: 1px solid #F1F1F1;
        margin: .26rem 0;
    }
    .ZT_textbj{
       float: right;
       margin-left: 0.5rem;
    }
}
.ZT_textbj{
    width: 1.4133rem;
    height: 1.4133rem;
    background: url("../images/textbj.png") no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    line-height:  1.4133rem;
    font-size: 1.12rem;
    font-family: "楷体";
    overflow: hidden;
    position: relative;
    img{
        width: 1.1467rem;
        height: 1.1467rem;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        object-fit: cover;
    }
}
.detailstab{
    background: #F9F9F9;
    margin: .2667rem 0;
    border-radius: .2133rem;
    border: 1px solid #EBEBEB;
    .box{
        display: flex;
        overflow: hidden;
        padding:0.32rem .2667rem;
        align-items: center;
        .img{
            margin-right: .32rem;
            width: 1.36rem;
            height: 1.36rem;
            border-radius: .32rem;
        }
        .name{
            font-size: .3467rem;
            line-height: .7067rem;
            height: .7067rem;
            display: block;
            @include single-line-ellipsis;
            font-weight: bold;
        }
        p{
            height: .4rem;
            line-height: .4rem;
            font-size: .2933rem;
            color: $colormore;
            padding-top: .2133rem;
            overflow: hidden;
            @include single-line-ellipsis;
        }
        .tab{
            height: .4533rem;
            line-height: .4533rem;
            border-radius: .08rem;
            border: 1px solid #FF5050;
            display: inline-block;
            vertical-align: middle;
            font-size: .2667rem;
            color: #FF5050;
            padding: 0 .1333rem;
        }
        .btn{
            display: block;
            background: #EDF1FE; 
            height: .72rem;
            line-height: .72rem;
            width: 1.8133rem;
            text-align: center;
            color: $theme;
            border-radius: .4667rem;
            font-size: .32rem;
        }

    }
    &.theme1{
        .img{
          height: 1.7333rem;  
          width: 2.8rem;
          border-radius: .16rem;
        }
        .name{
            height: auto;
            white-space: normal;
            @include multi-line-ellipsis(2,.5067rem);
            height: 1.0133rem;
        }
    }
    &.theme2{
        .img{
          width: 1.9467rem;
          height: 2.56rem;
          border-radius: .16rem;
        }
        .flex1{
            height: 2.56rem;
            p{
                color: #666666;
                padding-top: .1333rem;
            }
        }
         
    }
}
.details_tishi{
    color: $colormore;
    font-size: 0.24rem;
    line-height: .3467rem;
    padding: .3rem 0;
}
.moveinfortop{
    overflow: hidden;
    padding: .32rem 0;
    width: calc(100% + 0.4rem);
    .img{
        width: 3.2rem;
        height: 4.48rem;
        display: block;
        border-radius: .16rem;
        float: left;
        margin-right: .32rem;
    }
    .infor{
        .h1{
          height: .6133rem;  
          line-height: .6133rem;
          font-size: .48rem;
          display: block;
          @include single-line-ellipsis;
          padding-bottom: .2133rem;
          margin-right: .4rem;
        }
        .tex_p{
            height: 2rem;
            overflow: hidden;
            margin-right: .4rem;
        }
        p{
            height: .5867rem;
            line-height: .5867rem;
            overflow: hidden;
            color: #666;
        }
    }
    .box{
        float: left;
        margin: .4267rem .34rem 0 0;
        width: 2.04rem;
        height: 1.2533rem;
        img{
            width: 100%;
        }
    }
    .text{
        float: left;
        width: calc(100% - .4rem);
        font-size: .3467rem;
        word-break: break-all;
        padding-right: .4rem;
        line-height: .64rem;
        padding-top: .32rem;
        text-align: justify;
    }
    &.theme{
        .img{
            width: 2.36rem;
            height: 3.04rem;
            border-radius: .1067rem;
        }
        .infor{
            .tex_p{
                height: .56rem;
            }
        }
        .box{
            margin-right: .2rem;  
        }
       
    }
    
    .inforbox{
        overflow: hidden;
        padding-right: 0.4rem;
        h1{
            height: .6133rem;  
            line-height: .6133rem;
            font-size: .48rem;
            display: block;
            @include single-line-ellipsis;
            padding-bottom: .3rem;
            margin-right: .4rem;
        }
        .img{
             display: block;
             margin: 0 auto;
             width: auto;
             height: auto;
             max-width: 100%;
             float: inherit;
             margin-bottom: 0.2rem;
        }
        .text{
            width: auto;
            float: initial;
            padding: 0;
        }

    }
}
.constellation_tab{
    .itemname{
        display: flex;
        padding: .32rem 0 0;
        align-items: center;
        .img{
            width:1.6rem;
            height: 1.6rem;
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: .32rem;
            i{
                display: block;
                width: 100%;
                height: 100%;
            }
        }
        .infor{
            flex: 1;
            overflow: hidden;
            padding: 0 .32rem;
            .name{
                display: block;
                height: .5733rem;
                line-height: .5733rem;
                @include single-line-ellipsis;
                font-size: .4533rem;
                font-weight: bold;
            }
            p{
                height: .4267rem;
                line-height: .4267rem;
                padding-top: .2533rem;
                color: #666;
                @include single-line-ellipsis;
            }
        }
        .more{
            color: $colormore;
            font-size: .2933rem;
            i{
                display: inline-block;
                vertical-align: middle;
            }
            span{
                font-family: serif;
                padding-left: 0.05rem
            }
        }

    }
    .tablis{
        padding-top: .2133rem;
        padding-bottom: .1867rem;
        li{
            float: left;
            width: 25%;
            border-bottom: 1px solid #F1F1F1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 1.5067rem;
            overflow: hidden;
            p{
                color: $theme;
                font-size: .3733rem;
                height: .6667rem;
                line-height: .6667rem;
                overflow: hidden;
                width: 100%;
            }
            span{
                color: $colormore;
                height: .5333rem;
                line-height: .5333rem;
                display: block;
                overflow: hidden;
            }
            &.nober{
                border:none;
            }

           
        }
    }
    .text{
        background: #F5F9FF;
        padding: .32rem .2667rem;
        border-radius:0.2133rem;
        line-height: .6667rem;
        text-align: justify;
        word-wrap: break-word;
        margin-bottom: .32rem;
        &.theme{
            padding: .2133rem .2667rem;
        }
        span{
            color: $theme;
        }
    }
    .gender{
        width: 100%;
        overflow: hidden;
        ul{
            width: 105%;
        }
        li{
            float: left;
            width: 4.1067rem;
            margin: 0 .24rem .4rem 0;
            border-radius: .2133rem;
            padding: 0 .1867rem;
            padding-bottom: .2933rem;
            position: relative;
            .icon{
                position: absolute;
                right: .2rem;
            }
            &.female{
                background: #FFF5F7;
                .name{color: #FF718A;}
                .icon{
                    top: .16rem;
                    height:0.6533rem;
                    width:0.44rem;
                    background-position: -3.3067rem 0;
                }
            }
            &.male{
                background: #F5F9FF;
                .name{
                    color: #4E6EF2;}
                    .icon{
                      top: .1867rem;  
                      height:0.5867rem;
                      width:0.5867rem;
                      background-position: -2.5867rem -0.4rem;
                    }
            }
            .name{
                text-align: center;
                padding: 0 .44rem;
                height: .8933rem;
                line-height: .8933rem;
                font-size: .3467rem;
                font-weight: bold;
                overflow: hidden;

            }
            .p{
                display: flex;
                overflow: hidden;
                font-size: .2933rem;
                line-height: .4533rem;
                padding: .0667rem 0;
                color: #999999;
                span{
                    flex: 1;
                    overflow: hidden;
                    color: #555;
                }
            }
        }
    }
}
.QZ-up{
    display: none;
    z-index: 1000;
    position: fixed;
    right: 0px;
    bottom: 1.8rem;
    height:1.4133rem;width:1.4133rem;background-position: 0 -1.6667rem;
}
.warp404{
    padding: 1px 0;
    text-align: center;
    padding-bottom: 1rem;
    min-height: 68vh;
    img{
        max-width: 6.9333rem;
        display: block;
        margin: 1.6533rem auto;
    }
    p{
        color: #666;
        font-size: .3467rem;
        line-height: .8rem;
        padding-bottom: 1.0667rem;
      
    }
    .btn{
        width: 5.12rem;
        height: .88rem;
        display: block;
        margin: 0 auto;
        background: $theme;
        line-height: .88rem;
        color: #fff;
        border-radius: .5333rem;
    }
}
/* 弹出层*/
.layertan {
     position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; 
     z-index: 1000; width: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); 
   .Box { position: absolute; z-index: 5; top: 1.6rem; left: 0; right: 0; margin: auto; width: 88%; min-height: 4.2rem; border-radius: 0.36rem;
     text-align: center; 
      background: linear-gradient(180deg, rgba(78, 110, 242, 0.42) 0%, rgba(78, 110, 242, 0.1) 50%, rgba(0, 144, 255, 0) 100%); 
     background-size: 100% 1.17rem; background-repeat: no-repeat; background-color: #fff; }
   .Box .close { position: absolute; bottom: -1rem; left: 0; right: 0; margin: auto; z-index: 10; background: url("../images/close.png") no-repeat center; width: .7rem; height: .7rem; background-size: 100% auto; }
   .Box .Title_bt { position: relative; display: block; text-align: center; padding-top: 0.2rem; height: 1rem; }
   .Box .Title_bt p { display: block; font-size: .4rem; color: #000; font-weight: bold; line-height: 1rem; white-space: nowrap; overflow: hidden; }
   .Box .Main_tex { position: relative; display: block; height: 8.5rem; border: none; padding: 0 0.2rem 0 0.6rem; margin-right: 0.3rem; line-height: .64rem; 
        font-size: .32rem;
     color: #454545; border-radius: 0.04rem; overflow: hidden; overflow-y: auto; }
   .Box .Main_tex > p:nth-of-type(1) { text-align: left;  font-size:0.375rem;   color: #333; font-weight: bold; margin: 0 auto .08rem; }
   .Box .Main_tex p { text-align: left; }
   .Box .Main_tex strong { display: block; color: #454545;     font-size:0.375rem;  font-weight: bold; text-indent: 0em; text-align: left; }
   .Box .btnbox { display: block; border: 0; width: 50%; height: 0.75rem; line-height: .75rem;  color: #fff;
      background: linear-gradient(to left, #8296e9, $theme);
      text-align: center; border-radius: 0.12rem; margin: 0.45rem auto; 
    }
   .Box.orderBox .Order > p { font-size: .28rem; color: #FC942B; width: 96%; margin: 0rem auto .24rem; line-height: .3rem; }
   .Box.orderBox .Order form .telPhone { position: relative; width: 100%; height: .62rem; margin: 0 auto; }
   .Box.orderBox .Order form span { display: block; color: #ccc; font-size: .24rem; line-height: .4rem; overflow: hidden; white-space: nowrap; }
   .Box.orderBox .Order form .tel { width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border: .02rem solid #DCDCDC; background-color: #fff; color: #666; font-size: .28rem; border-radius: .12rem; padding: 0 .22rem; line-height: .62rem; margin: auto; overflow: hidden; white-space: nowrap; }
   .Box.orderBox .msg { position: relative; top: 0.2rem; display: block; width: 60%; margin: 0 auto; color: #FB371F; font-size: .18rem; text-align: left; }
   .Box.orderBox .oWin { width: 100%; height: auto; padding-bottom: .1rem; border-radius: .12rem; text-align: center; }
   .Box.orderBox .oWin > p { position: relative; font-size: .32rem; color: #FC942B; width: 96%; margin: 0rem auto .2rem; line-height: .6rem; }
   .Box.orderBox .oWin > i { position: relative; display: block; margin: auto; background: url("../images/success.png") no-repeat center; background-size: 100% auto; width: .9333rem; height: .9333rem; }
   .Box.orderBox .oAgin { width: 100%; height: auto; padding-bottom: .1rem; border-radius: .12rem; text-align: center; }
   .Box.orderBox .oAgin > p { position: relative; font-size: .28rem; color: #FC942B; width: 96%; margin: 0rem auto .2rem; line-height: .3rem; }
   .Box.orderBox .oAgin > i { position: relative; display: block; margin: auto; background: url("../images/success.png") no-repeat center; background-size: 100% auto; width: .9333rem; height: .9333rem; }
   .Box.feBackBox .feBack { margin: 0 .63rem; }
   .Box.feBackBox .feBack > span { font-size: .35rem; color: #FC942B; margin: 0 auto .12rem; display: block; text-align: left; line-height: 0.6rem; }
   .Box.feBackBox .feBack .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; padding-bottom: 0.15rem; }
   .Box.feBackBox .feBack .info p { font-size: .32rem; color: #999; line-height: .5rem; }
   .Box.feBackBox .feBack .otherRe { background: #F7F7F7; border-radius: .05rem; overflow: hidden; padding: .1rem 0 .21rem; margin-bottom: 0.2rem; }
   .Box.feBackBox .feBack .checkbox { position: relative; display: block; width: 50%; height: .6rem; line-height: .6rem; }
   .Box.feBackBox .feBack .checkbox:nth-last-child(1) { border-bottom: none; }
   .Box.feBackBox .feBack .checkbox input[type='checkbox'] { position: absolute; left: 0; top: 0; width: .24rem; height: .24rem; opacity: 0; }
   .Box.feBackBox .feBack .checkbox label { position: absolute; left: .5rem; top: 0; height: .6rem; line-height: .6rem; width: 3rem; font-size: .32rem; color: #999; }
   .Box.feBackBox .feBack .checkbox label:after { content: ''; position: absolute; left: -.4rem; top: .18rem; width: .18rem; height: .18rem; border: .03rem solid #fff; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #4BA6FA; box-shadow: 0 0 0 1px #4BA6FA; }
   .Box.feBackBox .feBack .checkbox input[type='checkbox']:checked + label:after { background-color: #4BA6FA; }
   .Box.feBackBox .feBack .telBox { overflow: hidden; padding-bottom: 0.15rem; }
   .Box.feBackBox .feBack .telBox .msg { display: block; text-align: left; }
   .Box.feBackBox .feBack .telBox input { display: block; border: none; padding: 0 .2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border: .02rem solid #DCDCDC; background-color: #fff; color: #666; font-size: .32rem; border-radius: .12rem; line-height: .7rem; overflow: hidden; white-space: nowrap; }
   .Box.feBackBox .feBack .telBox input::-webkit-input-placeholder { color: #999; }
   .Box.feBackBox .feBack .telBox input:-moz-placeholder { color: #999; }
   .Box.feBackBox .feBack .telBox input::-moz-placeholder { color: #999; }
   .Box.feBackBox .feBack .telBox input:-ms-input-placeholder { color: #999; }
   .Box.feBackBox .feBack textarea { outline: none; line-height: 0.6rem; height: 0.7rem; margin-bottom: 0.1rem; border: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; background: transparent; padding: .1rem .2rem 0rem; font-size: .32rem; color: #666; }
   .Box.feBackBox .feBack .photos { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.2rem; overflow: hidden; }
   .Box.feBackBox .feBack .photoInput { position: relative; width: 1.1rem; height: 1.1rem; border: .02rem dashed #cecece; border-radius: .12rem; text-align: center; margin-left: .2rem; }
   .Box.feBackBox .feBack .photoInput p { color: #DCDCDC; font-size: .6rem; line-height: 1rem; }
   .Box.feBackBox .feBack .photoInput input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
   .Box.feBackBox .feBack .photoList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 2.7rem; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; }
   .Box.feBackBox .feBack .photoList::-webkit-scrollbar { width: 0; height: 0; display: none; -webkit-appearance: none; border-radius: 0; }
   .Box.feBackBox .feBack .photoList img { width: auto; height: 1rem; margin-left: .2rem; }
   .Box.feBackBox .btnbox { margin-top: 0.2rem; }
    }


    @keyframes fadIn { 0% { display: block;
        opacity: 0.8;
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px); }
      100% { display: block;
        opacity: 1;
        -webkit-transform: translateY(5px);
                transform: translateY(5px); } }
    
                /* 分页 */
.news_centernav { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.24rem; color: #999; padding-bottom: 10px; line-height: 0.5rem; }

.news_centernav a { color: #999; }

.news_centernav a::after { content: '·'; display: inline-block; vertical-align: middle; margin: 0 0.1rem; }

.news_centernav a:last-child::after { display: none; }

.news_centernav .p_lis { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.pages .pagewrap { width: 100%; text-align: center; color: #666666; overflow: hidden; padding: 0.2rem 0; }

.pages .pagewrap a, .pages .pagewrap span {display: inline-block;height: 0.8rem;text-align: center;line-height: 0.8rem;border: 1px solid #d1d1d6;border-radius: 0.1rem;padding: 0 0.2rem;margin: 0 0.01rem;font-size: 0.3rem;color: #626675;min-width: 0.4rem;}

.pages .pagewrap a.current, .pages .pagewrap .active a, .pages .pagewrap a:hover { color: #fff; border: 1px solid var(--color); background: var(--color); }

.pages .pagewrap span { padding: 0 0.2rem; }

.pages .pagewrap li { display: inline-block; _zoom: 1; display: inline; }

.pages .pagewrap .page { margin: 0 auto; display: block; }

.pages .pagewrap li.active a { color: #fff; border: 1px solid var(--color); background: var(--color); }

.pages .tips { text-align: center; color: #929292; font-size: 0.24rem; padding-bottom: 0.3rem; }

.newstablis {
    background: #fff;
    border-radius: 0.2133rem;
    border-bottom: 0.2133rem solid #F5F6FA;
    padding: 0 0.4rem;
    .list2{
        ul{
            overflow: hidden;
            padding: 0.2rem 0;
            li{
                float:left;
                width: 50%;
                text-align: center;
                a{
                    display: block;
                    line-height: .8rem;
                    border:1px solid #efefef;
                    border-radius: 0.4rem;
                    margin: 0.15rem ;
                    height: 0.8rem;
                }
            }
        }
    }
}                
.container-fluid{
    display: none;
}